{% include 'include/head.html' %}
<!-- Page Container START -->
            <div class="page-container">
                <!-- Content Wrapper START -->
                <div class="main-content">
                    <div class="page-header">
                        <h2 class="header-title">套餐销售信息表</h2>
                    </div>
                    <div class="card">
                        <div class="card-body">
                            <h4>套餐销售信息表</h4>
                            <button class="btn btn-primary" id="generate-excel">
                                <span>导出</span>
                            </button>
                            <div class="m-t-25">
                                <table id="data-table" class="table">
                                    <thead>
                                        <tr>
                                            <th>套餐名</th>
                                            <th>价格</th>
                                            <th>办理日期</th>
                                            <th>所属会员</th>
                                            <th>操作</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {% for item in re %}
                                        <tr>
                                            <td>{{ item.package }}</td>
                                            <td>{{ item.price }}</td>
                                            <td>{{ item.time }}</td>
                                            <td>{{ item.member.name }}</td>
                                            <td>
                                                <a href="/la/packagesale/{{ item.id }}/seek">
                                                    <button class="btn btn-primary btn-xs">查看套餐详情</button>
                                                </a>
                                            </td>
                                        </tr>
                                        {% endfor %}
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                           <th>款号</th>
                                            <th>数量</th>
                                            <th>办理日期</th>
                                            <th>所属会员</th>
                                            <th>操作</th>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Content Wrapper END -->

                <!-- Footer START -->
                <footer class="footer">
                    <div class="footer-content">
                        <p class="m-b-0">Copyright © 2019 Theme_Nate. All rights reserved.</p>
                        <span>
                            <a href="" class="text-gray m-r-15">Term &amp; Conditions</a>
                            <a href="" class="text-gray">Privacy &amp; Policy</a>
                        </span>
                    </div>
                </footer>
                <!-- Footer END -->

            </div>
            <!-- Page Container END -->

        </div>
    </div>


    <!-- Core Vendors JS -->
    <script src="/static/assets/js/vendors.min.js"></script>

    <!-- page js -->
    <script src="/static/assets/vendors/datatables/jquery.dataTables.min.js"></script>
    <script src="/static/assets/vendors/datatables/dataTables.bootstrap.min.js"></script>
    <script src="/static/assets/js/pages/datatables.js"></script>

    <!-- Core JS -->
    <script src="/static/assets/js/app.min.js"></script>

    <script type="text/javascript" src="/static/external/jszip.min.js"></script>
    <script type="text/javascript" src="/static/external/FileSaver.js"></script>
    <script type="text/javascript" src="/static/external/excel-gen.js"></script>

    <script>
        $(document).ready(function () {
        excel = new ExcelGen({
            "src_id": "table-hover",
            "show_header": true
        });
        $("#generate-excel").click(function () {
            excel.generate();
            });
        });
    </script>

</body>

</html>